<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<link rel="stylesheet" type="text/css" href="pages/basic/css/packModelMng.css" />
<link rel="stylesheet" href="script/multiSelect/css/multi-select-metro.css" />
<style type="text/css">
	.zoneSelect {
	width: 180px;
	}

	#batteryCorrelation_packNum {
		display: inline-block;
		color: green;
		font-weight: bold;
		font-size: 20px;
		font-style: normal;
	}

	#batteryCorrelation_custom {
	    display: inline-block;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	#model-name{
		display: inline-block!important;
		width: 70px!important;
		height: 28px!important;
		line-height: 28px!important;
		text-align: left;
		margin: 0;
		padding: 0;
		font-family: 宋体;
		color: #666;
		font-size: 14px;
	
	}
	
</style>
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<ul class="breadcrumb">
				<li><span class="c-999">基础信息管理</span> <i
					class="icon-angle-right"></i>
				</li>
				<li><a class="c-666"
					onclick="util.showContent('pages/basic/packModelMng.jsp')">电池型号管理</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="search-box">
		<div class="search-title">
			<span class="search-criteria c-666">&nbsp;查询条件</span>
		</div>
		<form id="pack_model_form">
			<table class="search-body" border="0" cellpadding="0" cellspacing="0"
				width="100%">
				<tr>
					<td>
						<label class="my-label">电池系统型号： 
							<input id="id_packModel" class="my-input" type="text" />
						</label>
						<label class="my-label">电芯型号：
							<input id="id_batteryCellModel" class="my-input" type="text" />
						</label>
						<label class="my-label">BOM版次：
							<input id="id_bomEdition" class="my-input" type="text" />
						</label>
					</td>
				</tr>
			</table>
		</form>
		<ul class="search-button">
			<li>
				<button class="btn blue" id="btn_query">查&nbsp;&nbsp;询</button></li>
			<li>
				<button class="btn blue" id="btn_reset">重&nbsp;&nbsp;置</button></li>
		</ul>
	</div>
	<div class="table-con">
		<div class="table-head">
			&nbsp;&nbsp;&nbsp;<i class="icon-reorder"></i>&nbsp;列表详情
		</div>
		<div class="list-body">
			<div class="portlet-body">
				<p>
					<button id="pack_model_add" type="button" class="btn blue hide">新&nbsp;&nbsp;增</button>
					<button id="pack_model_edit" type="button" class="btn green hide">编&nbsp;&nbsp;辑</button>
					<button id="pack_model_del" type="button" class="btn red hide">删&nbsp;&nbsp;除</button>
					<button id="pack_model_ref" type="button" class="btn blue" data-toggle="modal">电池关联管理</button>
				</p>
			</div>
			<div class="table-responsive">
				<table class="table table-bordered table-striped table-hover"
					id="pack_model_table">
					<thead>
						<tr>
							<th class="sorting_asc_disabled" style="width:8px;"><input
								type="checkbox" class="group-checkable"
								data-set="#pack_model_table .checkboxes" /></th>
							<th class="sixMinWidth">电池系统型号</th>
							<th class="sixMinWidth">标称电压（V）</th>
							<th class="sixMinWidth">标称容量（Ah）</th>
							<th class="sixMinWidth">标称能量（KWh）</th>
							<th class="fourMinWidth">电芯型号</th>
							<th class="fourMinWidth">BOM版次</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
<jsp:include page="/pages/common/modal.jsp"></jsp:include>
<div id="add_packModel" class="modal hide fade" tabindex="-1"
	data-focus-on="input:first">
	<div class="modal-header add-customer-header bg-green c-bold c-fff"
		id="addModel_title">新增人员</div>
	<div class="modal-body add-factory-body">
		<form id="packModel_form">
			<input type="hidden" id="form_packModelId" name="pkId" />
			<table class="table">
				<tr>
					<td><span class="al-right"><i class="c-red">*&nbsp;</i>电池系统型号：</span>
						<input type="text" id="form_packModel" name="packModel" maxlength="40" />
					</td>
					<td><span class="al-right">标称电压（V）：</span>
						<input type="text" id="form_nominalVoltage" name="nominalVoltage" maxlength="6" />
					</td>
				</tr>
				<tr>
					<td><span class="al-right">标称容量（Ah）：</span>
						<input type="text" id="form_nominalCapacity" name="nominalCapacity" maxlength="6" />
					</td>
					<td><span class="al-right">标称能量（KWh）：</span>
						<input type="text" id="form_nominalEnergy" name="nominalEnergy" maxlength="6" />
					</td>
				</tr>
				<tr>
					<td><span class="al-right">单体电压最大值（V）：</span>
						<input type="text" id="form_singleMaxVol" name="singleMaxVol" maxlength="6" />
					</td>
					<td><span class="al-right">单体电压最小值（V）：</span>
						<input type="text" id="form_singleMinVol" name="singleMinVol" maxlength="6" />
					</td>
				</tr>
				<tr>
					<td><span class="al-right">应用方向：</span>
						<select id="form_application" name="application"></select>
					</td>
					<td><span class="al-right">动力应用：</span>
						<select id="form_kineticEnergyApplication" name="kineticEnergyApplication"></select>
					</td>
				</tr>
				<tr>
					<td><span class="al-right">储能应用：</span>
						<select id="form_energyStorageApplication" name="energyStorageApplication"></select>
					</td>
					<td><span class="al-right">正极材料类型：</span>
						<select id="form_cathodeMaterialType" name="cathodeMaterialType"></select>
					</td>
				</tr>
				<tr>
					<td><span class="al-right">电芯型号：</span>
						<input type="text" id="form_batteryCellModel" name="batteryCellModel" maxlength="40" />
					</td>
					<td><span class="al-right">BOM版次：</span>
						<input type="text" id="form_bomEdition" name="bomEdition" maxlength="40" />
					</td>
				</tr>
			</table>
		</form>
	</div>
	<div class="modal-footer al-center bg-fff">
		<button type="button" class="btn green"
			style="margin-right: 25px;" id="form_model_save">保存</button>
		<button type="button" data-dismiss="modal" class="btn red"
			id="form_btn_close">取消</button>
	</div>
</div>
<div id="pack_model_detail" class="modal hide fade _hidden_bs_modal" tabindex="-1" data-focus-on="input:first">
	<div class="modal-header add-customer-header bg-green c-bold c-fff">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		<span>电池型号详情</span>
	</div>
	<div class="modal-body add-factory-body">
		<table class="table">
			<tr>
				<td><span class="al-right">电池系统型号：</span><span class="my-text" id="info_packModel"></span></td>
				<td><span class="al-right">标称电压（V）：</span><span class="my-text" id="info_nominalVoltage"></span></td>
			</tr>
			<tr>
				<td><span class="al-right">标称容量（Ah）：</span><span class="my-text" id="info_nominalCapacity"></span></td>
				<td><span class="al-right">标称能量（KWh）：</span><span class="my-text" id="info_nominalEnergy"></span></td>
			</tr>
			<tr>
				<td><span class="al-right">单体电压最大值（V）：</span><span class="my-text" id="info_singleMaxVol"></span></td>
				<td><span class="al-right">单体电压最小值（V）：</span><span class="my-text" id="info_singleMinVol"></span></td>
			</tr>
			<tr>
				<td><span class="al-right">应用方向：</span><span class="my-text" id="info_application"></span></td>
				<td><span class="al-right">动力应用：</span><span class="my-text" id="info_kineticEnergyApplication"></span></td>
			</tr>
			<tr>
				<td><span class="al-right">储能应用：</span><span class="my-text" id="info_energyStorageApplication"></span></td>
				<td><span class="al-right">正极材料类型：</span><span class="my-text" id="info_cathodeMaterialType"></span></td>
			</tr>
			<tr>
				<td><span class="al-right">电芯型号：</span><span class="my-text" id="info_batteryCellModel"></span></td>
				<td><span class="al-right">BOM版次：</span><span class="my-text" id="info_bomEdition"></span></td>
			</tr>
		</table>
	</div>
</div>
<!--厂区电池管理------------>
	<div id="batteryID-correlation" class="modal hide fade" tabindex="-1" data-focus-on="input:first">
		<div class="modal-header add-customer-header bg-green c-bold c-fff">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
			电池型号管理
		</div>
		<div class="modal-body">
			<input id="batteryCorrelation_pkId" value="" class="hide" />
			<input id="batteryCorrelation_customId" value="" class="hide" />
			<!-- <div style="border: solid 1px green"><span class="my-span-70">客户：</span><span class="text-of my-span" id="batteryCorrelation_custom"></span></div>
			<div style="border: solid 1px green"><span class="my-span-70">已经关联的电池：</span><span class="text-of my-span" id="batteryCorrelation_packNum"></span>个</div> -->
			<table border="0" style="margin-bottom: 10px;">
				<tr>
					<td><span id='model-name'>电池型号：</span></td>
					<td class="al-left"><span class="text-of my-span" id="batteryCorrelation_packModel"></span></td>
				</tr>
				<tr>
					<td class="al-left" colspan="2" style="font-family: 宋体;color: #666;font-size: 14px;">已经关联的电池&nbsp;<span id="batteryCorrelation_packNum"></span>&nbsp;个</td>
				</tr>
			</table>
			<div class="portlet-body form">
				<form action="#" class="form-horizontal">
					<div class="control-group">
						<div class="controls" id="multiSelect_controls">
						</div>
					</div>
				</form>
			</div>

		</div>
		<div class="modal-footer al-center bg-fff">
			<button type="button" data-dismiss="modal" class="btn green" style="margin-right: 25px;" id="batteryCorrelation_save">确定</button>
			<button type="button" data-dismiss="modal" class="btn red" id="batteryCorrelation_close">取消</button>
		</div>
	</div>
	
<script type="text/javascript" src="pages/basic/js/packModelMng.js"></script>
<script type="text/javascript" src="script/multiSelect/js/jquery.multi-select.js"></script>
<script type="text/javascript" src="script/jquery/js/jquery.quicksearch.js"></script>
<script src="media/js/ui-modals.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function() {
		packModelTable.init();
	});
</script>
